<ion-view title="{{title}}">
	<ion-slide-box class="has-header" on-slide-changed="slide($index)" show-pager="false" delegate-handle="page-handle">
		<ion-slide ng-repeat="page in list">
			<div class="box w-30 h-40">
				<div ng-click="show(page,0)" class="box w-100 h-50">
					<div class="image-content" style="background-image:url({{page[0]}})"></div>
				</div>
				<div ng-click="show(page,1)" class="box w-100 h-50">
					<div class="image-content" style="background-image:url({{page[1]}})"></div>
				</div>
			</div>
			<div ng-click="show(page,2)" class="box w-70 h-40">
				<div class="image-content" style="background-image:url({{page[2]}})"></div>
			</div>

			<div ng-click="show(page,3)" class="box w-50 h-20">
				<div class="image-content" style="background-image:url({{page[3]}})"></div>
			</div>
			<div class="box w-50 h-20">
				<h1 class="vcenter title">iGirls</h1>
			</div>
			<div ng-click="show(page,4)" class="box w-50 h-40">
				<div class="image-content" style="background-image:url({{page[4]}})"></div>
			</div>

			<div ng-click="show(page,5)" class="box w-50 h-40">
				<div class="image-content" style="background-image:url({{page[5]}})"></div>
			</div>
		</ion-slide>
		<ion-slide>
			<h1 class="noinfo">{{tips}}</h1>
		</ion-slide>
	</ion-slide-box>
</ion-view>

<script id="modal.html" type="text/ng-template">
	<ion-modal-view style="background: #000;">
		<ion-slide-box delegate-handle="show-handle">
			<ion-slide ng-repeat="item in showList track by $index">
					<div class="vcenter h-100">
						<img class="img-responsive" ng-click="modal.hide();" ng-src="{{item}}" />
					</div>
			</ion-slide>
		</ion-slide-box>
	</ion-modal-view>
</script>